<template>
  <div>
    <LeftTop/>
    <LeftCenter/><RightTop/>
    <LeftBottom/><RightBottom/>
    <MainContent></MainContent>
    <RightTop></RightTop>
    <RightBottom/>
  </div>
</template>

<script setup lang="ts" name="index">
import { defineAsyncComponent } from "vue";
import LeftTop from "./childComponents/LeftTop.vue";
import LeftBottom from "./childComponents/LeftBottom.vue";
import LeftCenter from "./childComponents/LeftCenter.vue";
import RightTop from "./childComponents/RightTop.vue";
import RightBottom from "./childComponents/RightBottom.vue";
const MainContent = defineAsyncComponent(() => import('./childComponents/MainContent.vue'))
</script>

<style scoped lang="less">

</style>
